<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8">
  <title>键速测试</title>
  <!-- -------------------JS代码---- --------->
  <script src='../server.js'>
    
  </script>
  <!-- ---------------css样式----------------- -->
	<link rel="stylesheet" href="../css/jiansu.css">
</head>

<body>
	<!-- --------------html--------- -->
<div id="container">
  <div class="left-side">
    <p class="setting">
      <label for="">请选择打字内容：</label>
      <select id="selCourse">
        <option value="0">HTML</option>
        <option value="1">CSS</option>
        <option value="2">MYSQL</option>
      </select>
    </p>
    <p class="setting">
      <label for="">每行显示几个单词：</label>
      <input type="number" id="txtNum" value="5">
    </p>

    <p class="setting">
      <label for="">共测试几行：</label>
      <input type="number" id="txtLine" value="5">
    </p>
	<!-- ---------用户名输入---------- -->
	<p class="setting">
	  <label for="">用户名：</label>
	  <input type="text" id="input_user" class="input_user" placeholder="输入用户名">
	</p>
    <p class="setting">
      <button type="button" id="btnStart">开始测试</button><br>
	
      <!--<button type="button" id="btnStop">结束测试</button>-->
	  <pre>
	  用TAB键切换到下一行的输入框和“结束按钮”
	  用空格键点击“结束按钮”
	  ——测试全程不要用动鼠标
	  ——否则会影响自己的键速
	  </pre>	
    </p>
	<!-- <p>
	 
	</p> -->
  </div>
  <div class="right-side">
	  <!-- -----添加 用户---------------------- -->
	  <p>
		<span>用户：</span>
		<b id="user"></b>  
	  </p>
		<!-- ---------------耗时------------------- -->  
	  <p>
		<span>耗时：</span>
		<b id="time"></b>
	  </p>
	  <p>
	    <span>正确率：</span>
		<b id="correct"></b>	
	  </p>
	  <p>
		<span>击键速度：</span>
		<b id="avgSpeed"></b>  
	  </p>
	

		

  </div>
  
  <div class="right-side">
	  <table id="table_user">
		 <tr>
			 <th colspan="4"> 当前用户</th>
		 </tr> 
		<tr >
			<td class="table_tr_user">用户名</td>
			<td class="table_tr_user">耗时</td>
			<td class="table_tr_user">正确率</td>
			<td class="table_tr_user">击键速度</td>
		</tr> 
	  </table>
	  <tbody id="tbody1">
		  fdsgfd
	  </tbody>
<!-- ----------------------------------------------------	  -->
	  <table id="table_user">
	  		 <tr>
	  			 <th colspan="4"> 前5用户</th>
	  		 </tr> 
	  		<tr >
	  			<td class="table_tr_user">用户名</td>
	  			<td class="table_tr_user">耗时</td>
	  			<td class="table_tr_user">正确率</td>
	  			<td class="table_tr_user">击键速度</td>
	  		</tr> 
	  </table>
	  <tbody id="tbody2">
		  gfd hjgfj
	  </tbody>
  
  </div>
  
  <div id="content" style="clear:both;">
  
  </div>
</div>
		<script>
			
			
			
			
			
			
		</script>


</body>
</html>